<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>浅拷贝</title>
</head>

<body>
  <script>
    // const obj = {
    //   unmae: '张三',
    //   age: 14
    // }
    // const o = obj
    // o.name = 20
    // console.log(o);
    // console.log(obj);
    // 普通拷贝的问题:新对象修改值会影响原来的对象
    // 解决方法:浅拷贝,原理:拷贝地址值
    // 方式1
    const obj = {
      uname: '张三',
      age: 14
    }
    const o = { ...obj }
    o.age = 20
    console.log(o);
    console.log(obj);

    // 方式2
    const oo = {}
    Object.assign(oo, obj)
    oo.uname = '李四'
    console.log(oo);
    console.log(obj);
  </script>
</body>

</html>